<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns:jsp="http://java.sun.com/JSP/Page"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:c="http://java.sun.com/jstl/core"
  xmlns:ch="http://sourceforge.net/projects/jsf-comp"
  xmlns:fn="http://java.sun.com/jsp/jstl/functions"	
  xmlns:t="http://myfaces.apache.org/tomahawk"
  xmlns:p="http://primefaces.org/ui">
  
 <ui:composition template="/template/pPrincipal.xhtml">
 <ui:define name="head">
			<title>Asesor 360</title>
 </ui:define>	
 <ui:define name="titulopagina">
			<h:outputText value="ASIGNACIÓN DE CLIENTES A ASESORES DE INVERSIÓN" />
</ui:define>
<ui:define name="agregaIconoExcelRe"></ui:define>
<ui:define name="agregaIconoEmail"></ui:define>
<ui:define name="agregaIconoPDFRe"></ui:define>
<ui:define name="agregaIconoEjecutivos"></ui:define>
 
 <ui:define name="bodyarea">
 
 <input type="hidden" id="nomReporte" name="nomReporte" value="asignacionCliente"/>	
 <h:inputHidden value="#{asignacionCliente.hiddenText}"/>	
 <f:event type="preRenderView" listener="#{asignacionCliente.onPageLoad}"/>
 <h:inputHidden value="#{asignacionCliente.hiddenText}"/>
 <p:messages id="messages" showDetail="true" closable="true" /> 
 <h:panelGrid width="100%" columnClasses="AsignacionClientesCol1,AsignacionClientesCol2"
 	columns="2" styleClass="texto" id="idContentMain">
  <h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" 
       cellpadding="5" styleClass="bordePanel" columns="1"
       style="width:450px; margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
	  <f:facet name="header">
	  	<h:outputText value="Clientes No Asignados" />
	  </f:facet>
     <p:messages id="messages2" showDetail="true" closable="true" />
     <h:panelGrid columns="1" width="100%"> 
	     <p:dataTable  value="#{asignacionCliente.asignacionClienteModel.listaConsultaClientes}" emptyMessage="No hay resultados."
		 	id="tableClientes"  paginator="true" rows="20" var="clienteporasignar" styleClass="styleDataTableWrapNormal" 
		    selection="#{asignacionCliente.listaTemporalClientes}" selectionMode="multiple" rowKey="#{clienteporasignar.nrodoc}"
		    filteredValue="#{asignacionCliente.listaConsultaClientesFilter}">
	        <p:column headerText="Tipo Doc." filterBy="#{clienteporasignar.descripcion}" 
	        	sortBy="#{clienteporasignar.descripcion}" filterMatchMode="contains">
			      <h:outputText value="#{clienteporasignar.descripcion}"/>  
			</p:column>
			<p:column headerText="Nro. Doc." filterBy="#{clienteporasignar.nrodoc}" 
				sortBy="#{clienteporasignar.nrodoc}" filterMatchMode="contains">  
			    <h:outputText value="#{clienteporasignar.nrodoc}"/>  
			</p:column>
			<p:column headerText="Nombre/Razón Social" filterBy="#{clienteporasignar.nombres}" 
				sortBy="#{clienteporasignar.nombres}" filterMatchMode="contains">  
			    <h:outputText  value="#{clienteporasignar.nombres}"/>  
			</p:column>  
	     </p:dataTable>
     </h:panelGrid>
     <h:panelGrid id="panelAgregar"> 
       <p:commandButton value="Agregar" icon="ui-icon-arrowthick-1-e" rendered="#{asignacionCliente.asignacionClienteModel.mostrarBtnAgregar}"
           update="tableClientes,panelClientesAsignados,g1,panelGuardar,panelAgregar,messages2" actionListener="#{asignacionCliente.agregarClientes}"/>  
    </h:panelGrid>
  </h:panelGrid>
  
  <h:panelGrid headerClass="cabeceraPanelSimple" cellspacing="0" 
				         cellpadding="5" styleClass="bordePanel" columns="1"
				         style="width:530px; margin-left: 0px; margin-top: 3px; margin-bottom:5px">  
    <f:facet name="header">  
			       <h:outputText value="Asignación Fija de Clientes a Asesores de Inversión" />
	</f:facet>
	
	 <h:panelGrid columns="2">
	 
	    <h:outputText value="Asesor de Inversiones:"/>
	    <p:selectOneMenu id="comboEjecutivos" value="#{asignacionCliente.asignacionClienteModel.ejecutivoAAsignar}" converter="asesorInversComboConverter">
			<f:selectItems value="#{comboModel.listEjecutivosAAsignar}"/>
			<p:ajax event="change" listener="#{asignacionCliente.changeEjecutivo}" update="panelReasignacionCliente,panelAgregar"/>         
		    
		</p:selectOneMenu>
	  </h:panelGrid>
	  
	  <p:fieldset legend="Clientes Asignados" toggleable="true" toggleSpeed="500">
	  <h:panelGrid id="panelReasignacionCliente" width="100%">
	    <p:dataTable  value="#{asignacionCliente.asignacionClienteModel.listaClientesEjecutivo}" emptyMessage="Ningun Cliente Asignado."
	    	paginator="true" rows="10" styleClass="styleDataTableWrapNormal" var="clienteD" id="tablaReasignacionCliente"
	    	filteredValue="#{asignacionCliente.listaClientesEjecutivoFilter}">
           <p:column headerText="Tipo Doc." filterBy="#{clienteD.descripcion}" sortBy="#{clienteD.descripcion}" filterMatchMode="contains">   
		            <h:outputText value="#{clienteD.descripcion}"/>  
		   </p:column>
		   <p:column headerText="Nro. Doc." filterBy="#{clienteD.nrodoc}" sortBy="#{clienteD.nrodoc}" filterMatchMode="contains">
		            <h:outputText  value="#{clienteD.nrodoc}"/>  
		   </p:column>
		   <p:column headerText="Nombre/Razón Social" filterBy="#{clienteD.nombres}" sortBy="#{clienteD.nombres}" filterMatchMode="contains">  
		            <h:outputText  value="#{clienteD.nombres}"/>  
		   </p:column>
		   <p:column headerText="Fecha" filterBy="#{clienteD.fecharegistro}" sortBy="#{clienteD.fecharegistro}" filterMatchMode="contains">   
		            <h:outputText  value="#{clienteD.fecharegistro}"/>  
		   </p:column>
	    </p:dataTable>
	  </h:panelGrid>
	 </p:fieldset>
	 <p:spacer height="10px"/>
	<p:fieldset legend="Clientes Para Asignar" toggleable="true" toggleSpeed="500">
	  <h:panelGrid id="panelClientesAsignados" width="100%" > 
	   <h:panelGrid columns="2" id="g1">
	     <p:dataTable styleClass="styleDataTableWrapNormal"  id="tablaNuevosClientes" value="#{asignacionCliente.asignacionClienteModel.listaClientesSeleccionados}"  
	     	emptyMessage="No hay ningun cliente para asignar." var="clienteD" paginator="true" rows="8" >
	           
	           <p:column width="80" headerText="Tipo Doc." sortBy="#{clienteD.descripcion}">   
			            <h:outputText value="#{clienteD.descripcion}"/>  
			   </p:column> 
			   
			   <p:column width="70" headerText="Nro. Doc." sortBy="#{clienteD.nrodoc}">  
			            <h:outputText  value="#{clienteD.nrodoc}"/>  
			   </p:column> 
			   
			   <p:column width="150" headerText="Nombre/Razón Social" sortBy="#{clienteD.nombres}">  
			            <h:outputText  value="#{clienteD.nombres}"/>  
			   </p:column> 
			   
			   <p:column width="87" headerText="Fecha">   
			            <h:outputText  value="#{asignacionCliente.fechaActual}"/>
			   </p:column>
	
			   <p:column width="10" headerText="">
					<p:commandButton actionListener="#{asignacionCliente.eliminarClientes(clienteD)}" id="idEliminar"
						icon="ui-icon-closethick" update=":formPrincipal:tablaNuevosClientes,:formPrincipal:tableClientes"/> 
					<p:tooltip for="idEliminar" value="Eliminar"/>
				</p:column>
	     </p:dataTable>	
	     <p:spacer height="10px"/>
        </h:panelGrid> 
	   </h:panelGrid>
	   <h:panelGrid id="panelGuardar">
	     <p:commandButton value="Guardar" icon="ui-icon-disk" actionListener="#{asignacionCliente.grabarAsignacion}"  
           update="panelClientesAsignados,panelReasignacionCliente,comboEjecutivos,panelGuardar,messages" id="btnGuardar"
           rendered="#{not empty asignacionCliente.asignacionClienteModel.listaClientesSeleccionados}" />  
	   </h:panelGrid>
	</p:fieldset>
   </h:panelGrid>
 </h:panelGrid>
   <p:blockUI block=":formPrincipal:idContentMain" trigger=":formPrincipal:btnGuardar">
		<h:panelGrid columns="2">
			<p:graphicImage value="/imagenes/iconos/ajax-loader1.gif" style="margin-right: 12px; vertical-align: middle;"/>
			<h:outputText value="Guardando..." style="white-space: nowrap;" />
		</h:panelGrid>
	</p:blockUI>
 </ui:define>
 </ui:composition>
  </html>